花费 21 ms
Vue-Router 源码解析(五) router-link组件的用法及原理

该组件支持用户在具有路由功能的应用中(点击)导航,默认渲染成带有正确链接的<a>标签,可以通过tag属性生成别的标签。 它本质上是通过在生成的标签上绑定了click事件,然后执行对应的V ...

Mon Mar 16 16:11:00 CST 2020 0 1850
Vue-Router 源码分析(七) VueRouter.push()的详解

通过VueRouter实例的push()操作,可以进行路由跳转,对于<router-link/>组件来说,它绑定的是click事件,最后也是通过执行push()方法来进行路由跳转的。 对 ...

Mon Mar 23 16:11:00 CST 2020 0 1451
Vue-Router 源码解析(四) $router和$route的区别

对于Vue内部来说,不管是根组件还是子组件,都存在this.$router和this.$route两个属性,它们的区别如下: $router    指向当前的VueRouter实例,也就是new V ...

Thu Mar 12 16:06:00 CST 2020 2 1297
vuex 源码分析(七) module和namespaced 详解

当项目非常大时,如果所有的状态都集中放到一个对象中,store 对象就有可能变得相当臃肿。 为了解决这个问题,Vuex允许我们将 store 分割成模块(module)。每个模块拥有自己的 stat ...

Fri Sep 20 17:18:00 CST 2019 0 648
vuex 源码解析(三) getter属性详解

有时候我们需要从store中的state中派生出一些状态,例如: 如果多个组件需要用到此属性,我们要么复制这个函数,或者抽取到一个共享函数然后在多处导入它---无论哪种方式都不是很理想 ...

Tue Sep 10 16:22:00 CST 2019 0 598
Vue-Router 源码分析(三) VueRouter实例的属性和方法

我们首先用new VueRouter()创建一个VueRouter实例,之后在创建根Vue实例时把这个VueRouter实例作为router属性传递进去,在这个过程中一般有两种方法可以获取到该VueR ...

Mon Mar 09 16:33:00 CST 2020 0 1079
vuex 源码分析(一) 使用方法和代码结构

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,注意:使用前需要先加载vue文件才可以使用(在node.js下需要使用Vue.use(Vuex ...

Fri Sep 06 22:24:00 CST 2019 0 403

 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM